<template>
  <div class="goodsdesc">
    <h3>{{goodsDesc.title}}</h3>
    <div class="content" v-html="goodsDesc.content"></div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      id: this.$route.params.id,
      goodsDesc: {}
    }
  },
  created () {
    this.getGoodsDesc()
  },
  methods: {
    getGoodsDesc () {
      this.axios.get(`http://www.lovegf.cn:8899/api/goods/getdesc/${this.id}`).then(res => {
        if (res.status === 200) {
          console.log(res)
          this.goodsDesc = res.data.message[0]
        }
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.goodsdesc {
  padding: 4px;
  h3 {
    font-size: 16px;
    color: blue;
  }
  .content {
    img.gomeImgLoad {
      width: 100%
    }
  }

}

</style>
